.content{
    background:url('../img/bgs.jpg') no-repeat top left;
    background-size: 100% 100%;
    padding-bottom:2rem;
    overflow-y:scroll;
}
.content img{
    pointer-events: none;
}
.left{
    float: left;
}
.right{
    float: right;
}
.clear:before{
    content: '';
    clear: both;
}
.clear:after{
    content: '';
    display: table;
    clear: both;
}
input{
    outline:none;
    -webkit-appearance: none;
}
.head {
    padding: 1rem;
    position: relative;
    z-index:100;
}
.head img {
    width: 36%;
}
.shuo{
    position:absolute;
    width:12.5%!important;
    right:1rem;
    top:1rem;
    pointer-events:auto!important;
    animation: ring 5s linear infinite;
}
@keyframes ring{
0%{transform:scale(1);}
10%,20%{transform:scale(0.9) rotate(-3deg);}
30%,50%,70%,90%{transform:scale(1.1) rotate(3deg);}
40%,60%,80%{transform:scale(1.1) rotate(-3deg);}
100%{transform:scale(1) rotate(0);}
}
.title_one{
    width:100%;
    text-align:center;
    animation:tada 1s ease 1;
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    position: relative;
    z-index:50;
}
@-webkit-keyframes tada {
    0% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
    10%,
    20% {
        -webkit-transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg)
    }
    30%,
    50%,
    70%,
    90% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg)
    }
    40%,
    60%,
    80% {
        -webkit-transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg)
    }
    100% {
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1)
    }
}
.title_one img{
    width:80%;
}
.title_two{
    width:100%;
    text-align:center;
    margin-top:-2rem;
    opacity:0;
    animation:rotateInDownLeft 1s ease 1;
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-delay:0.6s;
}
.title_two img{
    width:92%;
}
@-webkit-keyframes rotateInDownLeft {
    0% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: rotate3d(0, 0, 1, -45deg);
        transform: rotate3d(0, 0, 1, -45deg);
        opacity: 0
    }
    100% {
        -webkit-transform-origin: left bottom;
        transform-origin: left bottom;
        -webkit-transform: none;
        transform: none;
        opacity: 1
    }
}

.sub{
    width:100%;
    animation:long 1s ease 1;
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    opacity:0;
    animation-delay:0.6s;
    position:relative;
    z-index:100;
}
@keyframes long{
    0%{
        -webkit-transform: translateX(1000px);
           -moz-transform: translateX(1000px);
            -ms-transform: translateX(1000px);
             -o-transform: translateX(1000px);
                transform: translateX(1000px);
                opacity: 0;
    }
    100%{
        -webkit-transform: translateX(0px);
           -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
             -o-transform: translateX(0px);
                transform: translateX(0px);
                opacity: 1;
    }
}
@keyframes longg{
    0%{
        -webkit-transform: translateX(-1000px);
           -moz-transform: translateX(-1000px);
            -ms-transform: translateX(-1000px);
             -o-transform: translateX(-1000px);
                transform: translateX(-1000px);
                opacity: 0;
    }
    100%{
        -webkit-transform: translateX(0px);
           -moz-transform: translateX(0px);
            -ms-transform: translateX(0px);
             -o-transform: translateX(0px);
                transform: translateX(0px);
                opacity: 1;
    }
}
.sub input{
    width:18rem;
    margin: 0 auto;
    display:block;
    height:2.6rem;
    line-height:2.6rem;
    text-align:center;
    display:block;
}
.btn_01::-webkit-input-placeholder{
    color: #FE354C;
}
.btn_01:-ms-input-placeholder{
    color: #FE354C;
}
.sub .btn_01{
    border:1px solid #EB4127;
    border-radius:1.3rem;
    background-color:#fff;
    font-size:1rem;
    color:#956D42;
    margin-bottom:0.5rem;
}
.sub_text{
    width:96%;
    margin-left:2%;
    text-align:center;
    font-size:0.8rem;
    color:#A7110B;
}
.sub .sub_sub{
    background: url('../img/que.png') no-repeat top left;
    background-size:100% 100%;
    width:8.5rem;
    animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -webkit-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -ms-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -o-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    -moz-animation: shake 0.82s cubic-bezier(.36, .07, .19, .97) both;
    animation-delay: 1.4s;
    -webkit-animation-delay: 1.4s;
    border:0;
    margin-top:1rem;
}
@keyframes shake {
    10%, 90% {
        -webkit-transform: rotate(-10deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(-10deg);
        -moz-transform-origin: top center;
        transform: rotate(-10deg);
        transform-origin:  center center;
    }
    20%, 80% {
        -webkit-transform: rotate(10deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(10deg);
        -moz-transform-origin: top center;
        transform: rotate(10deg);
        transform-origin: center center;
    }

    30%, 50%, 70% {
        -webkit-transform: rotate(-10deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(-10deg);
        -moz-transform-origin: top center;
        transform: rotate(-10deg);
        transform-origin:  center center;

    }
    40%, 60% {
        -webkit-transform: rotate(10deg);
        -webkit-transform-origin: top center;
        -moz-transform: rotate(10deg);
        -moz-transform-origin: top center;
        transform: rotate(10deg);
        transform-origin: center center;

    }

}
/*******被扫后弹出部分*********/
.tui{
    width:88%;
    margin-left:6%;
    padding:0 0.3rem;
    position: relative;
    z-index:100;
}
.tui_one{
    width:100%;
    text-align:center;
}
.tui_top{
    padding:0 2rem;
    height:1.8rem;
    line-height:1.9rem;
    border-radius:0.9rem;
    background-color:#FDF1BD;
    font-size:0.875rem;
    color:#3D392B;
    display: inline-block;
    box-shadow:0 4px 0 #FE864D;
}
.tui_text{
    width:100%;
    margin-top:0.6rem;
    color:#A30600;
    font:1rem;
    text-align:justify;
}
.tui_two{
    width:100%;
    margin-top:1rem;
}
.d_1{
    display:block;
    width:46%;
    margin: 0 auto;
    pointer-events:auto!important;
}
.d_text{
    width:100%;
    margin-top:1rem;
    color:#13110F;
    font:0.9rem;
    text-align:justify;
}
.d_text span{
    font-size:1.05rem;
    font-weight:bold;
    color:#E73D24;
}
.li{
    width:100%;
    font-weight:bold;
    font-size:1rem;
    color:#E33921;
    text-align:center;
    margin:0.45rem 0;
}
.chengxu{
    display:block;
    pointer-events:auto!important;
    width:34%;
    margin: 0 auto;
}
.foot{
    width:100%;
    display:block;
    position: fixed;
    max-width:680px;
    bottom:0;
    margin: 0 auto;
    z-index:10;
}
/**********推荐记录***********/
.list_all{
    width:84%;
    margin-left:8%;
    height:82%;
    border:1px solid #F6623A;
    border-radius:6px;
    background-color:#FFF1E1;
    position: relative;
    z-index:100;
    padding:0.8rem 0.8rem 1.5rem 0.8rem;
    margin-top:2rem;
}
.list_top{
    width:100%;
    position: relative;
    text-align:center;
    margin: 0.7rem 0;
}
.top_one{
    position: absolute;
    transform:translate(-50%,-50%);
    width:45%;
    top:50%;
    left:50%;
    z-index:10;
}
.top_two{
    position: relative;
    width:85%;
    z-index:5;
    // animation:swing 2s infinite;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 8deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -8deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
.big{
    width:100%;
    height:86%;
    overflow-y:scroll;
}
.big::-webkit-scrollbar{
    display:none;
}
.haa{
    width:100%;
    border:1px solid #B66720;
}
.ha{
    width:100%;
    border:1px solid #B66720;
}
table.gridtable {
    width: 100%;
    font-size: 0.875rem;
    color: #333333;
    position: relative;
    z-index:60;
    overflow: scroll;
}
table.gridtable th {
    padding: 8px;
    color: #000000;
    background-color: #FFFFFF;
    border-collapse: collapse;
    border-right: 1px solid #FDE8CD;
}
table.gridtable th:first-child{
    border-right: 1px solid #FDE8CD;
}
table.gridtable tr{
    border:0;
}
table.gridtable td {
    border-width: 1px;
    padding: 0 8px;
    border-style: solid;
    border-color: #FDE8CD;
    text-align: center;
    color: #000000;
    height:1.5rem;
    line-height:1.5rem;
}
table.gridtable tr:nth-of-type(2n){
    border-width: 1px;
    padding: 8px;
    border-style: solid;
    border-color: #FDE8CD;
    background-color: #FFFFFF;
    text-align: center;
}

table.gridtable tr:nth-of-type(2n+1) {
    border-width: 1px;
    padding: 8px;
    border-color: #FDE8CD;
    background-color: #FFFFFF;
    text-align: center;
}
.tab-pane p {
    color: #FEEEF1;
    margin: 0.3rem 0;
    padding-left: 0.3rem;
}
#m
.mine {
    font-size: 0.75rem!important;
}

.tab-content {
    width:100%;
    position: relative;
    z-index:60;
}
.mark{
    width:100%;
    margin-top:1rem;
}
.mark_top{
    width:100%;
    text-align:left;
    font-size:0.875rem;
    font-weight:bold;
    color:#A30600;
}
.mark_text{
    margin-top:0.3rem;
    font-size:0.875rem;
    color:#A30600;
    text-align:justify;
}
.th_two small{
    font-size:0.6rem;
}
/******我的奖励********/
 .ling{
    width:100%;
    background-color:#fff;
    padding:0.4rem;
    border-radius:6px;
 }
 .ling_top{
    width:100%;
    text-align:center;
    font-size:1rem;
    color:#000000;
    margin: 0.45rem 0;
 }
.ling_red{
    width:100%;
    text-align:center;
    font-size:1rem;
    font-weight:bold;
    color:#A30600;
    letter-spacing:2px;
}
.click_btn{
    display:block;
    width:60%;
    margin:0.5rem 0;
    margin-left:20%;
    animation:swing 0.56s ease 1;
    /*规定动画的最后状态为结束状态*/
    animation-fill-mode:forwards;
    -webkit-animation-fill-mode: forwards;
    -o-animation-fill-mode: forwards;
    -ms-animation-fill-mode: forwards;
    -moz-animation-fill-mode: forwards;
    animation-delay:0.6s;
}
@-webkit-keyframes swing {
    20% {
        -webkit-transform: rotate3d(0, 0, 1, 15deg);
        transform: rotate3d(0, 0, 1, 15deg)
    }
    40% {
        -webkit-transform: rotate3d(0, 0, 1, -10deg);
        transform: rotate3d(0, 0, 1, -10deg)
    }
    60% {
        -webkit-transform: rotate3d(0, 0, 1, 5deg);
        transform: rotate3d(0, 0, 1, 5deg)
    }
    80% {
        -webkit-transform: rotate3d(0, 0, 1, -5deg);
        transform: rotate3d(0, 0, 1, -5deg)
    }
    100% {
        -webkit-transform: rotate3d(0, 0, 1, 0deg);
        transform: rotate3d(0, 0, 1, 0deg)
    }
}
.click_btn img{
    width:100%;
}
.ling_list{
    width:100%;
    margin-bottom:1rem;
}
.ling_smal{
    width:100%;
    text-align:left;
    font-weight:bold;
    font-size:0.875rem;
    margin: 0.25rem 0;
    color:#A30600;
}
.ling_text{
    width:100%;
    text-align:justify;
    ccolor:#000000;
    font-size:0.875rem;
}
/************活动说明*********/
.model_02{
    display:none;
}
.model_02 .model_tann{
    width:100%;
    height:100%;
    overflow-y:scroll;
    padding:1rem 0.4rem;
    position: relative;
    z-index:200;
}
.tan_list{
    position: absolute;
    top:1rem;
    left:0.4rem;
    right:0.4rem;
    bottom:1rem;
    overflow-y:scroll;
}
.model_tann::-webkit-scrollbar ,.tan_list::-webkit-scrollbar {
  display: none;
}
.list_tan{
    position: absolute;
    width:100%;
    top:0;
    left:0;
    right:0;
}
.ww{
    width:100%;
    color:#fff;
}
.xian{
    width:100%;
    height:1px;
    background-color:#fff;
    margin-top:-2px;
}
.ww span{
    background:url('../img/shape.png') no-repeat bottom center;
    background-size:100% 15%;
    padding:0.6rem;
    margin-left:0.4rem;
    font-size:0.9rem;
}
.ww img{
    width:2.2rem;
    height:2.2rem;
    padding:0.25rem;
}
.time{
    width:100%;
    text-align:left;
}
.time button{
    display:block;
    padding:0.2rem 0.35rem;
    background-color:#fff;
    color:#3F3F3F;
    margin: 0.3rem 0;
    font-size:0.9rem;
    border:0;
}
.time div{
    color:#fff;
    margin: 0.3rem 0;
    font-size:0.9rem;
    text-align:justify;
}
.erweima{
    width:100%;
    text-align:center;
}
.er_text{
    width:100%;
    text-align:center;
    color:#FFF000;
    font-size:0.9rem;
    margin: 0.6rem 0;
}
.erweima img{
    width:40%;
    display:block;
    margin: 0 auto;
    pointer-events:auto!important;
}
/*******点击抽奖弹框部分*****/
.model{
    position: absolute;
    top: 0;
    left:0;
    right: 0;
    bottom: 0;
    background: rgba(25,25,25,0.8);
    z-index: 6000;
}
.model_tan{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    -webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    width:68%;
}
.tan_new{
    background: url("../img/tan_01.png")no-repeat top left;
    background-size: 100% 100%;
    padding:0.5rem 0.5rem 1rem 0.5rem;
    position:relative;
    width:100%;
}
.tan_top{
    width:85%;
    margin-left:7.5%;
    position: relative;
    margin-bottom:0.6rem;
}
.tan_top .tan_zhu{
    width:69%;
    margin-left:18%;
    position: relative;
}
.tan_left{
    position: absolute;
    width:17%;
    top:0;
    left:0;
}
.tan_right{
    position: absolute;
    width:18%;
    bottom:10%;
    right:0;
    transform: rotate(69deg);
}
.tan_close{
    width:2rem;
    right:0;
    top:0;
    position: absolute;
}
.tan_text{
    width:100%;
    text-align: center;
    color:#DC6176;
    font-size:1.1rem;
    margin-top:0.3rem;
    letter-spacing:2px;
}
.text_text{
    width:100%;
    text-align: center;
    color:#DC6176;
    font-size:1.1rem;
    margin: 3.5rem 0;
}
.tan_con{
    width:100%;
    text-align: center;
    color:#fff;
    font-size:0.95rem;
    font-weight:bold;
}
.tan_bao{
    width:100%;
    text-align: center;
    color:#fff;
    font-size:1.05rem;
    margin: 0.25rem 0;
    font-weight:bold;
}
.tan_bao span{
    display:inline-block;
    margin-right:0.2rem;
}
.tijiao{
    width:80%;
    margin-left:10%;
    margin-top:0.6rem;
}
.tijiao button{
    width:100%;
    height:2.4rem;
    line-height:2.4rem;
    background: url("../img/btn_02.png")no-repeat top left;
    background-size: 100% 100%;
    margin-top:0.4rem;
    border:0;
    text-align: center;
    color:#fff;
    font-size:1rem;
}
.model_01{
    display:none;
}
.tan_error{
    width:100%;
    text-align: center;
    color:#fff;
    font-size:0.95rem;
    font-weight:bold;
    margin: 1.2rem 0;
}





@media screen and (max-width: 370px) {
    table.gridtable th {
        padding: 2px;
    }
    table.gridtable td {
        padding: 0 2px;
    }
}
@media screen and (min-width: 480px) {
    .list_all{
        margin-top:3rem;
    }
}